docs(badge): web-first by mimarz · Pull Request #4797 · digdir/designsystemet

mimarz · 2026-04-27T12:44:04Z

Summary by CodeRabbit

Documentation
- Improved badge component documentation with clearer guidance, examples, and formatting
- Updated accessibility guidelines and code usage instructions in both English and Norwegian
- Reorganized documentation structure with improved section flow and terminology consistency
- Enhanced code examples demonstrating badge usage patterns

changeset-bot · 2026-04-27T12:44:31Z

⚠️ No Changeset found

Latest commit: 7c7b8cd

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

github-actions · 2026-04-27T12:55:00Z

Preview deployments for this pull request:

www - 4. May 2026 - 16:42

Co-authored-by: Copilot <copilot@github.com>

Copilot

Pull request overview

Updates the Badge component documentation to be more “web-first”, emphasizing HTML/CSS usage alongside React.

Changes:

Reworks Badge code docs to include HTML-first usage guidance and CSS variables/data-attributes sections (NO/EN).
Updates overview and accessibility copy (NO/EN).
Adjusts Badge component metadata subtitles.

Reviewed changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 15 comments.

Show a summary per file

File	Description
apps/www/app/content/components/badge/no/overview.mdx	Updates Norwegian overview wording and component references.
apps/www/app/content/components/badge/no/code.mdx	Reorganizes Norwegian code docs to document HTML/CSS usage and keeps React docs later.
apps/www/app/content/components/badge/no/accessibility.mdx	Updates Norwegian accessibility guidance wording.
apps/www/app/content/components/badge/metadata.json	Updates metadata subtitles for NO/EN.
apps/www/app/content/components/badge/en/overview.mdx	Updates English overview wording and component references.
apps/www/app/content/components/badge/en/code.mdx	Reorganizes English code docs to document HTML/CSS usage and keeps React docs later.
apps/www/app/content/components/badge/en/accessibility.mdx	Updates English accessibility guidance wording.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Co-authored-by: Copilot <copilot@github.com>

Copilot

Pull request overview

Copilot reviewed 7 out of 7 changed files in this pull request and generated 12 comments.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>

coderabbitai · 2026-05-04T14:36:03Z

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 1cb80f2d-67b5-4e65-aa20-cbecd8e4ea85

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

✅ Review completed - (🔄 Check again to review again)

✨ Finishing Touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch docs-web-first-badge

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>

mimarz mentioned this pull request Apr 27, 2026

Update documentation to be web/html-first #4592

Open

40 tasks

mimarz and others added 2 commits April 28, 2026 09:46

docs(badge): web-first

7c1d063

updates to no

e2a0dcf

Co-authored-by: Copilot <copilot@github.com>

mimarz force-pushed the docs-web-first-badge branch from 7ab7297 to e2a0dcf Compare April 28, 2026 07:46

mimarz and others added 3 commits April 28, 2026 10:24

wip

2ad9f9e

Co-authored-by: Copilot <copilot@github.com>

update annotation

205d7cc

typo

90520fc

mimarz requested a review from Copilot April 28, 2026 09:06

Copilot started reviewing on behalf of mimarz April 28, 2026 09:06 View session

Copilot AI reviewed Apr 28, 2026

View reviewed changes

mimarz and others added 5 commits April 28, 2026 11:51

Update apps/www/app/content/components/badge/no/code.mdx

ac2cb3d

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/no/code.mdx

61ba57e

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/no/code.mdx

3c129d8

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

wip

979217f

tweaks

d9559d5

Co-authored-by: Copilot <copilot@github.com>

mimarz requested a review from Copilot April 28, 2026 13:57

more spacing

805d4d3

Copilot started reviewing on behalf of mimarz April 28, 2026 14:06 View session

Copilot AI reviewed Apr 28, 2026

View reviewed changes

mimarz and others added 6 commits April 28, 2026 16:17

Update apps/www/app/content/components/badge/en/code.mdx

fddf918

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/en/code.mdx

c475cfc

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/en/code.mdx

a57fa93

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/en/code.mdx

c25a542

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update apps/www/app/content/components/badge/no/code.mdx

15bf728

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

remove duplicate floating chapter

e22440f

mimarz marked this pull request as ready for review April 28, 2026 14:35

mimarz requested review from Barsnes and eirikbacker as code owners April 28, 2026 14:35

mimarz requested a review from oddvernes as a code owner April 28, 2026 14:35

Barsnes reviewed Apr 30, 2026

View reviewed changes

Comment thread apps/www/app/content/components/badge/en/code.mdx Outdated

Comment thread apps/www/app/content/components/badge/en/code.mdx Outdated

Update apps/www/app/content/components/badge/en/code.mdx

0bcb211

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>

mimarz and others added 2 commits May 4, 2026 16:36

Update apps/www/app/content/components/badge/en/code.mdx

a8fd50f

Co-authored-by: Tobias Barsnes <tobias.barsnes@digdir.no>

Merge branch 'main' into docs-web-first-badge

7c7b8cd

Barsnes approved these changes May 5, 2026

View reviewed changes

mimarz merged commit 175021f into main May 5, 2026
9 checks passed

mimarz deleted the docs-web-first-badge branch May 5, 2026 06:21

Conversation

mimarz commented Apr 27, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary by CodeRabbit

Uh oh!

changeset-bot Bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

⚠️ No Changeset found

Uh oh!

github-actions Bot commented Apr 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

coderabbitai Bot commented May 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Review skipped

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

mimarz commented Apr 27, 2026 •

edited by coderabbitai Bot

Loading

changeset-bot Bot commented Apr 27, 2026 •

edited

Loading

github-actions Bot commented Apr 27, 2026 •

edited

Loading

coderabbitai Bot commented May 4, 2026 •

edited

Loading